<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>paading-新浪导航栏</title>
	<style>
		.nav {
			height: 41px;
			border-top: 3px solid #ff8500;
			border-bottom: 1px solid #edeef0;
			background-color: #d4d1d188;
			line-height: 41px;
		}
		.nav a {
			display: inline-block;
			height: 40px;
			padding: 0 20px;
			font-size: 14px;
			color: #4c4c4c;
			text-decoration: none;
		}
		.nav a:hover {
			background-color: rgba(0, 0, 0, 0.4);
			color: #bbb7b3;
		}
	</style>
</head>
<body>
	<div class="nav">
		<a href="#">新浪导航</a>
		<a href="#">手机新浪网</a>
		<a href="#">移动客户端</a>
		<a href="#">微博</a>
		<a href="#">三个字</a>

	</div>
</body>
</html>